<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>主页面</title>
    <link rel="stylesheet" href="../css/font-awesome.css">
    <link rel="stylesheet" href="../css/main/main.css">
    <link rel="stylesheet" href="../css/common/common-style.css">
    <link rel="stylesheet" href="../css/main/main-banner.css">
</head>
<body>
    <script src="../js/templet/header.js"></script>
    <!--主体-->
    <div class="main">
        <!--滚动横幅-->
        <div class="main-banner">
            <div class="scroll-banner">
                <a style="z-index:1">
                    <img class="scroll-picture"  src="../img/banner-picture1.jpg">
                </a>
                <a style="z-index:0">
                    <img class="scroll-picture" src="../img/banner-picture2.jpg">
                </a>
                <a style="z-index:0">
                    <img class="scroll-picture" src="../img/banner-picture3.jpg">
                </a>
            </div>
            <div class="search-index">
                <div id="search-form">
                    <input type="text" maxlength="20" placeholder="城市" class="search-input"><button type="button" class="search-button">搜索</button>
                </div>
                <span class="control-square"></span>
                <span class="control-square"></span>
                <span class="control-square"></span>
            </div>
        </div>
        <!--主体内容-->
        <div class="content">
            <div class="content-header">
                <div class="feature-list">
                    <div>
                        <i class="fa fa-id-card fa-3x"><br><p>身份验证</p></i>              
                    </div>
                    <div>
                        <i class="fa fa-line-chart fa-3x">
                            <br><p>信用累积</p>
                        </i>
                    </div>
                    <div>
                        <i class="fa fa-comments fa-3x">
                            <br><p>线上交流</p>
                        </i>
                    </div>
                </div>
            </div>
            <div class="content-body">
                <div id="content-index-1">
                    <!--商品列表-->
                    <div class="item-list-title">
                        <h1>爱上旅行</h1>
                        <p>相知无远近 万里皆为邻</p>
                    </div>
                    <div class="item-list">
                        <!--商品-->
                        <!--<div class="item">
                                <a href="goods-page.html?id=100">
                                    <div class="item-picture">
                                        <img src="../img/goods/1.jpg">
                                        <span class="price">￥110</span>
                                    </div>
                                    <div class="item-name">
                                        <海南三亚-蜈支洲-亚龙湾双飞5日游>华东优选，180度无敌海景连住
                                    </div>    
                                </a>
                                <i class="fa fa-heart-o fa-2x" title="收藏"></i>
                        </div>-->                  
                    </div>
                </div>
                <div id="content-index-2">
                    <div class="item-list-title">
                        <h1>热门推荐</h1>
                        <p>海内存知己 天涯共比邻</p>
                    </div>
                    <div class="item-list">
                        <!--<div class="item">
                                <a href="../html/goods-page.html?id=100">
                                    <div class="item-picture">
                                        <img src="../img/goods/1.jpg">
                                        <span class="price">￥110</span>
                                    </div>
                                    <div class="item-name">
                                        <海南三亚-蜈支洲-亚龙湾双飞5日游>华东优选，180度无敌海景连住
                                    </div>    
                                </a>
                                <i class="fa fa-heart-o fa-2x" title="收藏"></i>
                        </div>-->               
                    </div>

                </div>
            </div>
        </div>
    </div>
    <script src="../js/templet/footer.js"></script>
    <script src="../js/scrollBanner.js"></script>
    <!--右部菜单-->
    <script src="../js/templet/right-menu.js"></script>
    <script src="../js/templet/addItem.js"></script>
    <script src="../js/templet/lightDialog.js"></script>
    <script src="../js/templet/collect.js"></script>
    <script src="../js/templet/Ajax.js"></script>
    <script src="../js/main.js"></script>
</body>
</html>